/* color palette from <https://github.com/vuejs/theme> */
:root {
    /*基础颜色*/
    /*白色*/
    --vt-c-white: #ffffff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #F6F8FE;
    /*黑色*/
    --vt-c-black: #181818;
    --vt-c-black-soft: #222222;
    --vt-c-black-mute: #282828;
    /*紫色*/
    --vt-c-purple: #5e35b1;
    --vt-c-purple-soft: #E5E6F8;
    --vt-c-purple-mute: #535493;
    /*靛蓝*/
    --vt-c-indigo: #2c3e50;

    --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
    --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
    --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
    --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);

    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}

/* semantic color variables for this project */
:root {
    /*背景色*/
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-white-mute);
    --color-background-purple-soft: var(--vt-c-purple-soft);
    --color-background-purple-mute: var(--vt-c-purple-mute);

    /*边框色*/
    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);

    /*标题色*/
    --color-heading: var(--vt-c-text-light-1);

    /*文字色*/
    --color-text: var(--vt-c-text-light-1);
    --color-text-purple-soft: var(--vt-c-purple-soft);
    --color-text-purple-mute: var(--vt-c-purple-mute);

    --section-gap: 160px;
}

:root {
    /*长度*/
    --height-view: 100vh;
    --height-header: 7.8125vh
}